<div id="uncomplete" v-cloak>

    <Row type="flex" justify="space-between" class="code-row-bg">
        <div class="change-nav">
            <nav>
                <i-button><a href="#/main/to_complete">待完成订单</a></i-button>
                <i-button><a href="#/main/completed">已完成订单</a></i-button>
                <i-button><a href="#/main/uncomplete">未完成订单</a></i-button>
            </nav>
        </div>
        <div class="change-nav-right">
            <i-input v-model="value4" icon="ios-clock-outline" placeholder="请输入送货单号" style="width: 350px">
                <i-button type="primary" icon="ios-search" slot="append" @click="getfind">搜索</i-button>
            </i-input>
            <i-button type="primary" @click="getuncompletedata" style="margin-right:5px;">全部</i-button>
            <i-button type="primary" @click="exportData(1)" style="margin-right:5px;">一键导出</i-button>
        </div>
        <i-col span="24">
            <i-table style="margin-left:15px;" ref="selection" :loading="loading" :border="true" :stripe="true" height="800" :columns="columns"
                :data="historyData" ref="table"></i-table>
        </i-col>
        <Page :total="dataCount" :page-size="pageSize" show-total show-elevator :current="1" @on-change="changePage">
        </Page>
    </Row>
</div>
<style>
    .change-nav {
        float: left;
    }
 .change-nav-right{
        display: flex;
    }
</style>
<script type="text/javascript" src="JS/page/delivery_note/uncomplete.js"></script>